<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="../../static/mobile/default/css/layout.css?v=2"/>
    <link rel="icon" type="image/png" href="../../static/favicon.ico"/>
        <script src="../../static/js/jquery/jquery/2.1.4/jquery.min.js"></script>
    <script src="../../static/js/jquery/jquery.cookie.js"></script>
    <script src="../../static/mobile/default/js/page.js?v=1"></script>
    <title>文章详情  - 达漂亮</title>
          
<link rel="stylesheet" href="../../static/mobile/default/css/my.css"/>
<style>
    .showgoodsList {
        margin-top: 0.066667rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .newsGoods {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 0.16rem;
        background-color: #fff;
        width: 100%;
        margin-bottom: 0.06667rem;
    }

    .newsGoods img {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.133333rem;
    }

    .newsGoods .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        height: 1.2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .newsGoods .info .name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 0.186667rem;
    }

    .newsGoods .info .price {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
    }

    .newsGoods .info .price div {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        align-items: baseline;
        margin-right: 0.093333rem;
    }

    .newsGoods .info .price span {
        text-decoration: line-through;
    }

    .rowBlock {
        width: 49.5%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0.053333rem;
        background-color: #fff;
    }

    .rowBlock img {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    .rowBlock .info {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        justify-content: start;
        height: auto;
    }

    .rowBlock .info .name {
        margin-top: 0.066667rem;
    }

    .rowBlock .info .price {
        margin-top: 0.04rem;
    }
</style>


</head>
<body >
  <div class="page newsDetails">
    		<div class="page-hd">
            <div class="header base-header bor-1px-b">
                <div class="header-left">
                    <a href="javascript:history.go(-1)" class="left-arrow"></a>
                </div>
                <div class="header-title">文章详情</div>
                <div class="header-right">
                    <!-- <a href=""></a> -->
                </div>
            </div>
        </div>
      
<div class="page-bd">
    <!-- 页面内容-->
    <div class="detailsBox">
        <div class="title fs34 fw_b color_3">达漂亮平台耀世开启</div>
        <span class="fs28 color_9">2020-09-16</span>
        <div class="content">
            <p style="font-size:16px;color:#333333;text-align:justify;font-family:arial;background-color:#FFFFFF;">
	<span class="bjh-p">您身边的酱酒管家&nbsp; 款款美酒为您优选</span> 
</p>
<p style="font-size:16px;color:#333333;text-align:justify;font-family:arial;background-color:#FFFFFF;">
	<span class="bjh-p"><img class="lazy" width="750" src="../../static/mobile/default/images/loading.svg" data-original="/upload/image/2020/09/5f686e2486789.png" alt="" /><br />
</span> 
</p>        </div>
    </div>


    <div class="showgoodsList tabList">
    </div>
</div>



  </div>

<script src="../../static/js/art-template.js"></script>
<script src="../../static/mobile/default/js/lib/fastclick.js"></script>
<script src="../../static/js/jquery/lazyload/jquery.lazyload.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
		$("img.lazy").lazyload({effect:"fadeIn",event:"scroll",container:$(".page-bd")});
    });
</script>

<script type="text/html" id="TabTpl">
    
    {{each list as item index}}
    <a href="javascript:jump_url({{item.id}},{{goods_type}});" class="newsGoods {{if goods_count>3}}rowBlock{{/if}}">
        <img src="{{item.goods_thumb}}" alt="">
        <div class="info">
            <div class="name">{{item.goods_name}}</div>
            <div class="price">
                <div class="color_r fs24 num">
                    <p class="fw_b fm_p">￥</p><em class="fs42">{{item.show_price}}</em>
                </div>
            </div>
        </div>
    </a>
    {{/each}}
    
</script>
<script>
    var article_id = "20",link_type ="" ;
    $(function(){
        //请求列表数据
        function getList() {
            $('.tabList').append('<div class="get_list_tip">加载数据中...</div>');
            $.ajax({
                url:'/shop/api.article/getgoodslist.html',// 跳转到 action
                data:{article_id:article_id},
                type:'post',
                cache:false,
                dataType:'json',
                success:function(res) {
                    console.log(res);
                    if(res.code  == 0 ){
                        $('.get_list_tip').html('加载失败，点击重新加载.');
                        return false;
                    }
                    $('.get_list_tip').remove();
                    if (res.list.length>0){
                        res.goods_type=res.goods_type;
                        res.goods_count=res.list.length;
                        $(".goCouponsBtn").show();
                        $('.tabList').append(template('TabTpl',res));
                        $('.tabList').append('<div class="get_list_tip">—— 没有更多啦，我是有底线的 ——</div>');
                    }else{
                    }
                },error : function() {
                    $('.get_list_tip').html('加载失败，点击重新加载.');
                }
            });
        }
        //重新请求数据
        $(document).on('click','.get_list_tip',function () {
            getList();
        })
        if(link_type=='goods'){
            getList();//执行商品加载
        }
    })
    //页面跳转
    function jump_url(id,goods_type) {
        if(goods_type==1){
            window.location.href="/shop/goods/info.html"+"?id="+id;
        }
        if(goods_type==2){
            window.location.href="/fightgroup/index/info.html"+"?fg_id="+id;
        }
    }
</script>

  <div class="alertBox">
      <div class="alertBG"></div>
      <div class="alert">
          <div class="text fs30 color_3 bor_b">

          </div>
          <!-- 单按钮 -->
          <div class="button fs32 fw_b color_r">
              知道了
          </div>
          <!-- 双按钮 -->
          <div class="buttonBox fs32 fw_b">
              <span class="color_9 bor_r cancel">取消</span>
              <span class="color_r confirm">确定</span>
          </div>
      </div>
  </div>
  <script type="text/javascript">
      var is_xcx = 0;
      $(document).on('click', 'a', function () {
          var href = $(this).attr('href');
          if (href.indexOf('/pages') != -1) {
              if (is_xcx == 1) {
                  wx.miniProgram.navigateTo({
                      url: href
                  })
                  return false;
              } else {
                  return false;
              }
          }
      })
  </script>
    </body>
</html>